/* --- Loading main module --- */
@import url(main.css);

/* ---- Controls ---- */
#chartControls {
	
}

#chartControls table {
	background-color:#F9F9F9;
	border:1pt solid #DDDDDD;
}
#chartControls table tr {
	
}

#chartControls table tr.odd {
	background-color:#D9D9D9;
}

#chartControls table tbody td {
	border-bottom:1pt solid #DDDDDD;
	padding: 10px 5px 0 10px;
}

#chartControls table tbody tr:last-child td {
	border-bottom:none;
}

#chartControls table tbody tr td:first-child {
	border-right:1pt solid #DDDDDD;
}

#chartControls table tbody tr:hover td {
	background-color:#F0F0F0;
}

#chartControls .desc {
	display: block;
    font-weight: bold;
    text-align: right;
}

#chartControls h2 {
	cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 20px;
    margin: 5px 2px;
    width: 100px;
}

	#chartControls h2:hover {
		color:#0078AE;
	}
	
	#chartControls hr {
		background-color: transparent;
	    border-bottom: 1pt none;
	    border-top: 1pt dotted #CCCCCC;
	    color: #CCCCCC;
	    height: 0;
	    margin-bottom: 4px;
	}

#chartControls h2:first-child {
	
}

#chartControls h2:last-child {
	
}

/* --- Toggle Buttons --- */
.lw-toggle-btn {
	background-image: url(../images/ggle-btn-bg.jpg);
	background-position:center center;
	border:1px solid #bbbbbb;
	padding:1px 4px;
	margin:1px 2px;
	font-weight:bold;
	font-sie:0.7em;
	cursor:pointer;
	color:#666;
	display:inline-block;
	text-decoration:none;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
	height:22px;
}

.lw-toggle-btn:hover {
	border-color:#777;
}

.lw-toggle-btn:active,
.lw-toggle-btn.pressed  {
	background-image: url(../images/ggle-btn-bg-pressed.jpg);
	color:#333;
	border-color:#0078AE;
}

.lw-toggle-btn img {
	margin-right: 5px;
    position: relative;
    top: 2px;
}

.lw-toggle-btn span {
	
}

.lw-toggle-btn.pressed span {
	color:#0078AE;
}


